<template>
  <div>

      <el-header style="height: 64px;border-bottom: 1px solid #e6e6e6;background-color: white;" >
        <div >
          <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" router>
            <img src="../assets/logo.png" width="100px" style="float: left;margin: 0 20px;">
            <el-menu-item index="/" >首页</el-menu-item>
            <el-menu-item index="/el-main/cake">蛋糕</el-menu-item>
            <el-menu-item index="/el-main/bread">面包</el-menu-item>
            <el-menu-item index="/el-main/setMeal">套餐</el-menu-item>
            <el-menu-item index="/el-main/flowers">鲜花</el-menu-item>
            <el-menu-item index="/el-main/dessert">甜点下午茶</el-menu-item>
            <el-menu-item index="/el-main/rim">周边</el-menu-item>
            <el-menu-item index="/el-main/enterpriseZone">企业专区</el-menu-item>
            <el-menu-item index="/el-main/BrandStory">品牌故事</el-menu-item>
            <span class="el-menu-span">
              <a href=""><i class="el-icon-location-outline" style="margin: 0 5px;">北京</i></a>
                <i class="el-icon-user" style="margin: 0 5px;font-size: 20px;position: relative;top: 3px"></i>
                <span>[<a href="" class="el-menu-demo-span-a" >会员中心</a>]</span>
                <span>[<a href="javascript:void(0)" class="el-menu-demo-span-a" @click="$router.push('/login')">登录</a>]</span>
                <span>[<a href="" class="el-menu-demo-span-a" >注册</a>]</span>
                <a href="javascript:void(0)">
                  <i class="el-icon-shopping-cart-2" style="margin-left: 5px;font-size: 20px;position:
                  relative;top: 3px" @click="$router.push('/el-main/cart')"></i>
                </a>
            </span>
          </el-menu>
        </div>
      </el-header>

      <el-main style="margin: 0 auto;padding: 0;margin: 0;">
        <router-view/>
      </el-main>

      <el-footer style="color:#8c8c8c;height: 400px;">
        <div style="width: 900px;overflow: hidden;" class="el-footer-div">
          <div style="float: right">
            <a href="" style="margin: 0 30px 8px 0 ;display:inline-block">订购指南</a>
            <a href="">配送范围</a><br>
            <a href="" style="margin: 0 30px 8px 0 ;display:inline-block">包装展示</a>
            <a href="">常见问题</a><br>
            <a href="" style="margin: 0 30px 8px 0 ;display:inline-block;">集团订购</a>
            <a href="">联系我们</a><br>
            <a href="">产品分类</a>
          </div>
          <div style="float: right;margin: 0 120px">
            <a href=""><span>关于??????</span></a>
            <a href="" style="margin-left: 22px;">品牌故事</a><br>
            <a href="" style="margin-top: 10px;display: inline-block">品牌理念</a>
            <a href="" style="margin-left: 38px">原料之旅</a><br>
            <a href="" style="margin-top: 10px;display: inline-block">大师团队</a>
            <a href="" style="margin-left: 38px">儿童生日会</a>
          </div>
          <div style="position: relative;left: 150px;width: 300px;border-bottom: 100px">
            <p style="white-space: nowrap;margin-top: 10px;" >企业获得<span>国际食品安全HACCP管理体系认证</span></p>
            <p style="white-space: nowrap;margin-top: 10px;">连续4年蝉联<span >“深圳百万市民最喜爱的风尚烘焙品牌”</span></p>
            <p style="white-space: nowrap;margin-top: 10px;">在国务院批准设立的「中国品牌日」<span>获十佳人气奖</span></p>
            <p style="white-space: nowrap;margin-top: 10px;">荣获深圳首批<span>“改革开放40周年名企名店”称号</span></p>
          </div>
        </div>

        <div class="el-footer-div" >
          <img src="../assets/logo.png" width="200px" style="margin: 80px 0 0 120px;">
          <div style="display: inline-block;position: relative;bottom: 30px">
            <p>一点一刻深圳壹点壹客食品有限公司 | 2010-2019 1date1cake.com 壹点壹客 版权所有 客服电话：<span>0755-36885360</span></p>
            <p> <img src="https://img1.1date1cake.com/themes/1d1c/images/gswj.png" width="20" style="position:relative; top:7px;">食品生产许可证</p>
            <p>粤ICP备11021841号</p>
            <p><img src="https://img1.1date1cake.com/themes/1d1c/images/beian.png" width="20" style="position:relative; top:7px;">工信部网站备案查询</p>
          </div>
        </div>
      </el-footer>

  </div>
</template>


<style>
*{margin: 0;padding: 0;}
.el-menu-demo{background-color: #dff;}
.el-menu-demo .el-menu-item{font-size: 12px;}
.el-menu-demo-span-a{ font-size: 5px;}
.el-menu-span {color: #ff9700;height: 64px;line-height: 56px;position: relative;left: 20px;}
.el-menu-span a{color: #ff9700; text-decoration: none}
.el-footer{font-size: 12px}
.el-footer-div a{
  color: #8c8c8c;
  text-decoration: none;
  cursor: pointer;}
.el-footer-div span{
  color: #FF6600;
}
.main.el-main{
  padding: 0;
}
.el-card__body, .el-main {
   padding: 0;
}
.el-menu-demo{position: absolute;left: 180px;width: 1200px;}

</style>


<script>
import axios from "axios";

export default {
  data() {
    return {
      activeIndex: '',
      bannerArr:[
        require("../assets/indexZmd.png"),
        require("../assets/indexZmd2.png"),
      ],
      productArr:[],
    };
  },
  methods: {

    cart(){

    },
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
      let currentPath = this.$router.currentRoute.path;
      if (key=="/"){
        currentPath = "/"
      }
      if (key=="/el-main/cake"){
        currentPath = "/el-main/cake"
      }
      if (key=="/el-main/bread"){
        currentPath = "/el-main/bread"
      }
      if (key=="/el-main/setMeal"){
        currentPath = "/el-main/setMeal"
      }
      if (key=="/el-main/flowers"){
        currentPath = "/el-main/flowers"
      }
      if (key=="/el-main/dessert"){
        currentPath = "/el-main/dessert"
      }
      if (key=="/el-main/rim"){
        currentPath = "/el-main/rim"
      }
      if (key=="/el-main/enterpriseZone"){
        currentPath = "/el-main/enterpriseZone"
      }
      if (key=="/el-main/BrandStory"){
        currentPath = "/el-main/BrandStory"
      }
      this.activeIndex = currentPath;

    },


  },
  mounted() {
    this.handleSelect();
  }
}
</script>
